import React from "react";

import store from "../../store/state";
import { increment, decreament } from "../../store/action/CountAction";
export default function Count() {
  const { count } = store.getState();
  const incrementHandle = () => {
    store.dispatch(increment(1));
  };

  const decreamentHandle = () => {
    store.dispatch(decreament(1));
  };

  const ifOddDecrementHandle = () => {
    if (count % 2 !== 0) {
      store.dispatch(increment(1));
    }
  };
  //奇数再加
  const waitDecrementHandle = () => {
    setTimeout(() => {
      store.dispatch(increment(1));
    }, 2000);
  };

  return (
    <div>
      <h1>我是Count组件 我的值是{count}</h1>
      <div>
        <button onClick={incrementHandle}>累加</button>
        <button onClick={decreamentHandle}>累减</button>
        <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
        <button onClick={waitDecrementHandle}>等2s再加1</button>
      </div>
    </div>
  );
}
